    /* .div1 {
    background-color: aqua;
    border: 1px solid red;
    width: 300px;
    height: 200px;
}

.div2 {
    background-color: aquamarine;
    border: 1px solid blue;
    width: 300px;
    height: 200px;
}

.div3 {
    margin: 50px;
    border: 1px solid blue;
} */
    
    .box1 {
        width: 500px;
        height: 400px;
        position: relative;
        left: 200px;
        top: 100px;
        border: 1px solid black;
        cursor: pointer;
        background-color: grey;
        opacity: .2;
    }
    
    .box2 {
        width: 200px;
        height: 200px;
        position: absolute;
        right: 50px;
        top: 30px;
        border: 1px solid red;
    }
    
    .box3 {
        width: 20px;
        height: 20px;
        border: 1px solid blue;
        position: absolute;
        left: 50px;
        top: 10px
    }
    
    .box4 {
        width: 20px;
        height: 20px;
        border: 1px solid black;
        position: absolute;
        top: 40px;
        left: 100px;
    }